<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Globals</title>
    <!-- 引入框架css文件 -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 引入css重置文件 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet" href="./assets/css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/pages.css">
</head>
<!-- eee7d9 -->

<body>
    <!-- header头部 -->
    <nav class="navbar navbar-default nav2">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="./assets/images/logo.png" alt="" class="wow fadeInDown"
                        data-wow-delay="0ms"></a>
            </div>

            <div class="collapse navbar-collapse lis" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./index.html" id="home" class="wow fadeInDown" data-wow-delay="100ms">Home</a></li>
                    <li><a href="./pages.html" class="wow fadeInDown" data-wow-delay="200ms">Pages</a></li>
                    <li><a href="./investment.html" class="wow fadeInDown" data-wow-delay="300ms">Investment</a></li>
                    <li><a href="./news.html" class="wow fadeInDown" data-wow-delay="400ms">News</a></li>
                    <li><a href="./calculator.html" class="wow fadeInDown" data-wow-delay="500ms">Calculator</a></li>
                    <li><a href="./contacts.html" class="wow fadeInDown" data-wow-delay="600ms">Contacts</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 小导航栏 -->
    <div class="all">
        <div class="container">
            <!-- 小导航 -->
            <ul class="list wow fadeInDown" data-wow-delay="200ms">
                <li><a href="#">Home</a></li>
                <li><i>/</i></li>
                <li><a href="#">Pages</a></li>
            </ul>
        </div>
    </div>
    <!-- banner部分 -->

    <div class="banner">
        <div class="container">
            <div class="company">
                <!-- 标题 -->
                <div class="our">
                    <div class="title wow fadeInDown" data-wow-delay="300ms">
                        About Our Company
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="400ms">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut laoreet dolore magna aliquam. Claritas est etiam processus dynamicus, qui sequitur
                        mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum
                        claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.
                        Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
                        placerat facer possim assum.
                    </p>
                    <button class="wow fadeInDown" data-wow-delay="500ms">Contact Us</button>
                </div>
                <!-- 图片 -->
                <div class="light wow fadeInDown" data-wow-delay="300ms">
                    <img src="./assets/images/peo2.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 调查部分 -->
    <div class="how">
        <div class="container">
            <!-- 标题 -->
            <div class="title wow fadeInDown" data-wow-delay="300ms">
                <div class="can">How Can We Help You?</div>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam erat volutpat.
                </p>
            </div>
            <!-- 图片 -->
            <!-- 相机部分 -->
            <div class="box">
                <div class="item">
                    <!-- 图片 -->
                    <div class="back wow fadeInDown" data-wow-delay="400ms">
                        <img src="./assets/images/01.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="Solutions wow fadeInDown" data-wow-delay="500ms">
                        Investment Solutions
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">
                        orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt
                        ut
                        laoreet dolore magna aliquam erat volutpat.
                    </p>
                </div>

                <div class="item">
                    <!-- 图片 -->
                    <div class="back wow fadeInDown" data-wow-delay="400ms">
                        <img src="./assets/images/02.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="Solutions wow fadeInDown" data-wow-delay="500ms">
                        Investment Solutions
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">
                        orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt
                        ut
                        laoreet dolore magna aliquam erat volutpat.
                    </p>
                </div>

                <div class="item">
                    <!-- 图片 -->
                    <div class="back wow fadeInDown" data-wow-delay="400ms">
                        <img src="./assets/images/03.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="Solutions wow fadeInDown" data-wow-delay="500ms">
                        Investment Solutions
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">
                        orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt
                        ut
                        laoreet dolore magna aliquam erat volutpat.
                    </p>
                </div>

                <div class="item">
                    <!-- 图片 -->
                    <div class="back wow fadeInDown" data-wow-delay="400ms">
                        <img src="./assets/images/044.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="Solutions wow fadeInDown" data-wow-delay="500ms">
                        Investment Solutions
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">
                        orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt
                        ut
                        laoreet dolore magna aliquam erat volutpat.
                    </p>
                </div>

                <div class="item">
                    <!-- 图片 -->
                    <div class="back wow fadeInDown" data-wow-delay="400ms">
                        <img src="./assets/images/05.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="Solutions wow fadeInDown" data-wow-delay="500ms">
                        Investment Solutions
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">
                        orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt
                        ut
                        laoreet dolore magna aliquam erat volutpat.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- monitor 部分 -->
    <div class="monitor">
        <div class="container">
            <div class="your">
                <div class="title wow fadeInDown" data-wow-delay="200ms">
                    Monitor Your Investment
                </div>
                <p class="wow fadeInDown" data-wow-delay="200ms">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
                    ullamcorper suscipit lobortis claritas est etiam processus.
                </p>
            </div>

            <!-- 手风琴效果 -->
            <div class="plat">
                <div class="boxs wow fadeInDown" data-wow-delay="300ms">
                    <a href="javascript:;"><img src="./assets/images/dt01.png" alt=""></a>
                    <a href="javascript:;"><img src="./assets/images/dt2.png" alt=""></a>
                    <a href="javascript:;"><img src="./assets/images/dt01.png" alt=""></a>
                </div>
            </div>



        </div>
    </div>

    <!-- meet部分 -->
    <div class="meet">
        <div class="container">
            <div class="title">
                <!-- 标题 -->
                <div class="team wow fadeInDown" data-wow-delay="200ms">Meet Our Professional Team</div>
                <div class="txt wow fadeInDown" data-wow-delay="200ms">
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut
                        laoreet dolore magna aliquam.
                    </p>

                    <!-- 按钮 -->
                    <div class="buttom">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="big">
                <!-- 图片 -->
                <!-- 第一个 -->
                <div class="photo wow fadeInDown" data-wow-delay="300ms">
                    <div class="top"><img src="./assets/images/tp1.jpg" alt=""></div>
                    <div class="center">
                        <div class="founder">Founder </div>
                        <div class="son">Britney Simpson</div>
                    </div>
                    <div class="button">Lorem ipsum dolor sit amet, consectetuer adipiscing.</div>
                    <div class="logo3">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                    </div>
                </div>

                <!-- 第二个 -->
                <div class="photo wow fadeInDown" data-wow-delay="300ms">
                    <div class="top"><img src="./assets/images/tp1.jpg" alt=""></div>
                    <div class="center">
                        <div class="founder">Trader</div>
                        <div class="son">Kenneyth Hanson</div>
                    </div>
                    <div class="button">Lorem ipsum dolor sit amet, consectetuer adipiscing.</div>
                    <div class="logo3">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                    </div>
                </div>

                <!-- 第三个 -->
                <div class="photo wow fadeInDown" data-wow-delay="300ms">
                    <div class="top"><img src="./assets/images/tp1.jpg" alt=""></div>
                    <div class="center">
                        <div class="founder">Manager</div>
                        <div class="son">Jessica Jackson</div>
                    </div>
                    <div class="button">Lorem ipsum dolor sit amet, consectetuer adipiscing.</div>
                    <div class="logo3">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                    </div>
                </div>

                <!-- 第四个 -->
                <div class="photo wow fadeInDown" data-wow-delay="300ms">
                    <div class="top"><img src="./assets/images/tp1.jpg" alt=""></div>
                    <div class="center">
                        <div class="founder">Support</div>
                        <div class="son">Antonio Colliys</div>
                    </div>
                    <div class="button">Lorem ipsum dolor sit amet, consectetuer adipiscing.</div>
                    <div class="logo3">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- app页面 -->
    <div class="app">
        <div class="container">
            <div class="system wow fadeInDown" data-wow-delay="300ms">
                <!-- 图片 -->
                <div class="apple"><img src="./assets/images/bjt.png" alt=""></div>
                <!-- 文字 -->
                <div class="title">
                    <div class="down">Download the Globals App</div>
                    <p class="smrt">for Your Smartphone</p>
                    <!-- logo -->
                    <div class="logos5">
                        <!-- 第一个 -->
                        <div class="iplhone"><span><img src="./assets/images/pg.png" alt=""></span>iPhone</div>

                        <!-- 第二个 -->
                        <div class="iplhone"><span><img src="./assets/images/az.png" alt=""></span>Android</div>

                        <!-- 第三个 -->
                        <div class="iplhone"><span><img src="./assets/images/wd.png" alt=""></span>Win Phone</div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 友情链接 -->
    <div class="cap">
        <div class="container">
            <div class="bigbox">
                <!-- 第一个盒子 -->
                <div class="read wow fadeInDown" data-wow-delay="400ms">
                    <div class="logo3"><img src="./assets/images/logo.png" alt=""></div>
                    <!-- 文字 -->
                    <div class="text">
                        Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est
                        notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas
                        humanitatis per seacula quarta decima et quinta decima. Read More...

                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut laoreet dolore magna aliquam erat volutpat.
                    </div>
                    <p class="social">Social Network</p>
                    <div class="logo4">
                        <img src="./assets/images/icon-facebook.png" alt="">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                        <img src="./assets/images/icon6.png" alt="">
                        <img src="./assets/images/icon7.png" alt="">
                        <img src="./assets/images/icon8.png" alt="">

                    </div>
                </div>

                <!-- 第二个盒子 -->
                <div class="recen wow fadeInDown" data-wow-delay="500ms">
                    <div class="title">Recent News</div>
                    <div class="may">
                        <div class="may07">07 May, 2015</div>
                        <div class="mirum">Mirum est notare quam littera gothica, quam nunc putamus parum, anteposuerit
                            litterarum.
                        </div>
                    </div>
                    <div class="apr">
                        <div class="aorit">23 April, 2015</div>
                        <div class="est">Claritas est etiam processus dynamicus.</div>
                    </div>

                    <div class="dece">
                        <div class="num">05 December, 2014</div>
                        <div class="times">Eodem modo typi, qui nunc nobis videntur clari, sollemnes in futurum.</div>
                    </div>
                </div>

                <!-- 第三个盒子 -->
                <div class="email wow fadeInDown" data-wow-delay="600ms">
                    <div class="title">Email Newsletters</div>
                    <div class="sing">
                        <div class="mirum">Sign Up for Our Newsletter to get Latest Updates and Offers. Subscribe to
                            receive news in your inbox.
                        </div>
                    </div>
                    <div class="full">
                        <span>Full Name</span>
                        <input type="text" placeholder="Dmitry Tar">
                    </div>

                    <div class="full">
                        <span>Email Address</span>
                        <input type="password" placeholder="please">
                    </div>
                    <div class="btns">
                        <button type="">Subscribe Now</button>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!-- footer部分 -->
    <div class="footer wow fadeInDown" data-wow-delay="400ms">
        <div class="container">
            <div class="good">
                <div class="top"><img src="./assets/images/huo.png" alt=""></div>
                <div class="goods">
                    © 2015 Good Investment <span> Globals</span> / Designed by <span>ThemeFire</span> / Only for Envato
                    Market
                </div>
            </div>

        </div>

    </div>
</body>

</html>
<!-- 框架依赖jq -->
<script src="./assets/js/jquare.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<!-- less编译 -->
<script src="./assets/js/less.min.js"></script>

<script src="./assets/js/wow.min.js"></script>
<script>
    // wow.js 插件的初始化
    new WOW().init();
</script>